html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input,figure,figcaption{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
em,i{font-style:normal;}
a,u{text-decoration: none;}
img{border:0;display:block;width: 100%;height: 100%;}
input{outline:none;}
*{box-sizing:border-box;}
h2{height: 30px;font-size: 30px;line-height: 30px;text-align: center;}
html{width: 100%;height: 100%;}
body{width: 100%;height: 100%;}
a:hover{text-decoration: none;}

header{border-bottom: solid #ccc 2px;margin-bottom: 20px;}
header .container{display: flex;justify-content: space-between;padding: 0;align-items: center;height: 90px;}
header .container img{width: 200px;height: 54px;}
header .container ul{display: flex;}
header .container ul li{padding: 0 40px;}
header .container ul li:nth-child(2) a{color: #000;}
header .container ul li:nth-child(3){color: #C40000;}
header .container ul li:nth-child(3) a{color: #C40000;}

.box{width: 980px;height: 578px;margin: 0 auto;border:6px solid rgba(199,199,199,0.7);display: flex;}
.box .left{width: 600px;height: 100%;border-right: solid 1px #ccc;}
.box .left .top{width: 100%;height: 85px;padding-top: 30px;padding: 0 42.5px;}
.box .left .top ul{display: flex;border-bottom: solid 1px #ccc;width: 100%;height: 100%;align-items: center;}
.box .left .top ul li{width: 50%;height: 100%;display: flex;justify-content: center;align-items: center;}
.box .left .top ul li:nth-child(1){border-bottom: solid 2px #c40000;}
.box .left .top ul li:nth-child(2) a{border: none;}
.box .left .top ul li a{color: #000;font-size: 20px;display: block;width: 100%;height: 30px;border-right: solid 1px #ccc;text-align: center;}
.box .left .bottom{padding: 40px 0 0 0;}
.box .left .bottom form{width: 348px;margin: 0 auto;height: 100%;}
.box .left .bottom form p{width: 100%;font-size: 20px;height: 52px;line-height: 52px;}
.box .left .bottom form p label{width: 100%;height: 52px;}
.box .left .bottom form p input{height: 40px;width: 242px;}
.box .left .bottom form p:nth-child(4) input{width: 150px;}
.box .left .bottom form p:nth-child(5){font-size: 14px;}
#ehong-code{display: inline-block;margin-left: 10px;}
.box .left .bottom form button{border: 1px solid #a8221f;border-radius: 2px;background: #fe4a49;width: 346px;height: 40px;text-align: center;line-height: 40px;color: #fff;}
.box .right{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 380px;height: 100%;}
.box .right img{height: 200px;width: 200px;display: block;margin-bottom: 50px;}

.box .left .bottom form{position: relative;}
.box .left .bottom form label #uname-error{position: absolute;left:200px;top: 0;font-size: 10px;font-weight: normal;color: red;}
.box .left .bottom form label #upwd-error{position: absolute;left:200px;top: 55px;font-size: 10px;font-weight: normal;color: red;}
.box .left .bottom form label #upwd1-error{position: absolute;left:200px;top: 105px;font-size: 10px;font-weight: normal;color: red;}